{extend name="index/layout" /}

{block name="canonical"}
<link rel="canonical" href="https://{$site_domain}/about">
{/block}

{block name="content"}
<!-- 关于我们 -->
<div class="bg-white rounded-lg shadow-md p-8 mb-8">
    <div class="flex items-center justify-center mb-8">
        <div class="w-16 h-16 bg-primary rounded-full flex items-center justify-center text-white mr-4">
            <i class="fas fa-info-circle text-2xl"></i>
        </div>
        <h1 class="text-3xl font-bold text-primary">關於我們</h1>
    </div>
    
    <div class="prose max-w-none">
        <h2 class="text-2xl font-bold text-gray-800 mb-4 border-b pb-2">我們的故事</h2>
        <p class="mb-6 text-gray-700 leading-relaxed">
            壁響桌布網創立於2025年，是由一群熱愛美學設計和視覺藝術的專業人士共同創辦的。我們注意到市場上缺乏一個專注於高品質、無水印且易於使用的桌布平台，於是決定建立一個能夠滿足用戶對美觀壁紙需求的網站。
        </p>
        <p class="mb-6 text-gray-700 leading-relaxed">
            從最初的幾百張桌布開始，我們的收藏已經增長到現在的數萬張精選高清桌布。我們一直致力於為用戶提供最優質的桌布下載體驗，讓每一個屏幕都能展現獨特的魅力。
        </p>
        
        <h2 class="text-2xl font-bold text-gray-800 mb-4 mt-8 border-b pb-2">我們的使命</h2>
        <p class="mb-6 text-gray-700 leading-relaxed">
            壁響桌布網的使命是讓每一個數字屏幕都變得更加精彩。我們相信，一張精美的桌布不僅能美化您的設備，還能反映個人品味、提升工作心情，甚至激發創造力。
        </p>
        <p class="mb-6 text-gray-700 leading-relaxed">
            我們承諾：
        </p>
        <ul class="list-disc pl-6 mb-6 text-gray-700 space-y-2">
            <li>持續提供高品質、無水印的桌布</li>
            <li>定期更新最新和最流行的桌布資源</li>
            <li>確保所有桌布適合不同設備和解析度</li>
            <li>尊重創作者權益，確保所有內容合法合規</li>
            <li>為用戶提供簡潔友好的使用體驗</li>
        </ul>
        
        <h2 class="text-2xl font-bold text-gray-800 mb-4 mt-8 border-b pb-2">我們的團隊</h2>
        <p class="mb-6 text-gray-700 leading-relaxed">
            壁響桌布網擁有一支熱情且專業的團隊，包括視覺設計師、前端開發、內容策劃和客戶服務人員。我們來自不同背景，但都有共同的熱情——讓數字世界變得更加美麗。
        </p>
        
        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 my-8">
            <div class="bg-gray-50 p-4 rounded-lg text-center">
                <div class="w-20 h-20 bg-primary bg-opacity-20 rounded-full flex items-center justify-center mx-auto mb-4">
                    <i class="fas fa-paint-brush text-2xl text-primary"></i>
                </div>
                <h3 class="font-bold text-lg mb-2">設計團隊</h3>
                <p class="text-gray-600 text-sm">負責挑選和優化每一張桌布，確保視覺效果完美。</p>
            </div>
            <div class="bg-gray-50 p-4 rounded-lg text-center">
                <div class="w-20 h-20 bg-secondary bg-opacity-20 rounded-full flex items-center justify-center mx-auto mb-4">
                    <i class="fas fa-code text-2xl text-secondary"></i>
                </div>
                <h3 class="font-bold text-lg mb-2">技術團隊</h3>
                <p class="text-gray-600 text-sm">確保網站運行流暢，不斷優化用戶體驗和下載速度。</p>
            </div>
            <div class="bg-gray-50 p-4 rounded-lg text-center">
                <div class="w-20 h-20 bg-accent bg-opacity-20 rounded-full flex items-center justify-center mx-auto mb-4">
                    <i class="fas fa-headset text-2xl text-accent"></i>
                </div>
                <h3 class="font-bold text-lg mb-2">客服團隊</h3>
                <p class="text-gray-600 text-sm">隨時準備解答您的問題，確保您獲得最佳使用體驗。</p>
            </div>
        </div>
        
        <h2 class="text-2xl font-bold text-gray-800 mb-4 mt-8 border-b pb-2">我們的成就</h2>
        <p class="mb-6 text-gray-700 leading-relaxed">
            經過多年發展，壁響桌布網已成為台灣及華語地區知名的桌布資源網站，每月服務超過百萬用戶。我們的桌布被廣泛應用於個人設備、企業辦公環境，甚至學校教室。
        </p>
        <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-8">
            <div class="bg-light p-4 rounded-lg text-center">
                <div class="text-3xl font-bold text-primary mb-1">5+</div>
                <div class="text-sm text-gray-600">年服務經驗</div>
            </div>
            <div class="bg-light p-4 rounded-lg text-center">
                <div class="text-3xl font-bold text-primary mb-1">10萬+</div>
                <div class="text-sm text-gray-600">高清桌布</div>
            </div>
            <div class="bg-light p-4 rounded-lg text-center">
                <div class="text-3xl font-bold text-primary mb-1">100萬+</div>
                <div class="text-sm text-gray-600">月訪問量</div>
            </div>
            <div class="bg-light p-4 rounded-lg text-center">
                <div class="text-3xl font-bold text-primary mb-1">98%</div>
                <div class="text-sm text-gray-600">用戶滿意度</div>
            </div>
        </div>
        
        <h2 class="text-2xl font-bold text-gray-800 mb-4 mt-8 border-b pb-2">加入我們</h2>
        <p class="mb-6 text-gray-700 leading-relaxed">
            我們一直在尋找志同道合的夥伴加入團隊。如果您熱愛設計、技術或內容創作，並希望為用戶帶來更好的視覺體驗，歡迎通過<a href="/contact" class="text-primary hover:underline">聯繫我們</a>頁面與我們取得聯繫。
        </p>
        
        <div class="flex justify-center mt-12">
            <a href="/contact" class="inline-block bg-primary hover:bg-purple-700 text-white font-bold py-3 px-6 rounded-lg transition duration-300">
                聯繫我們 <i class="fas fa-arrow-right ml-2"></i>
            </a>
        </div>
    </div>
</div>
{/block} 